<template>
    <div>
        <!-- 根据当前路径控制 Header 和 Aside 是否显示 -->
        <Header v-show="!isLoginPage"/>
        <div style="display: flex" v-if="!isLoginPage">
            <Aside />
            <router-view style="flex: 1"/>
        </div>
        <!-- 如果是登录页面，直接渲染内容 -->
        <router-view v-show="isLoginPage" style="flex: 1"/>
    </div>
</template>

<script>
import Header from "@/components/Header";
import Aside from "@/components/Aside";

export default {
    name: "Layout",
    components: {
        Header,
        Aside
    },
    data() {
        return {
            isLoginPage: false, // 用于判断当前是否为登录页面
        };
    },
    watch: {
        $route(to) {
            // 判断当前路由是否为登录页面
            this.isLoginPage = to.name === 'login';  // 假设登录页面的路由名称为 'login'
        },
    },
    created() {
        // 初始化时检查当前路由
        this.isLoginPage = this.$route.name === 'login';
    },
};
</script>
